@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font-size: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: black; }

ul, li {
  list-style: none; }

.clear {
  clear: both; }

p {
  font-size: 16px; }

html, body, .TJSP_Mask {
  height: 100%; }

html {
  font-size: 64px;
  font-family: 方正兰亭黑简体; }

body {
  background-color: #f3f4f6; }

.header {
  width: 100%;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .header span {
    font-size: 0.54688rem;
    display: inline-block;
    -webkit-box-flex: 0.5;
    -ms-flex-positive: 0.5;
    flex-grow: 0.5;
    text-align: right; }
    .header span i {
      font-size: 0.57813rem;
      line-height: 1.375rem; }
  .header .contant {
    -webkit-box-flex: 9;
    -ms-flex-positive: 9;
    flex-grow: 9;
    text-align: center;
    -webkit-transform: translateX(-0.46875rem);
    transform: translateX(-0.46875rem); }
    .header .contant span {
      line-height: 1.375rem; }

.money {
  width: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.48438rem;
  line-height: 1.48438rem; }
  .money span {
    display: block;
    font-size: 0.375rem;
    color: #666;
    border-bottom: 1px solid #e1e2e4; }
  .money .text {
    margin-left: 0.3125rem;
    -webkit-box-flex: 9;
    -ms-flex-positive: 9;
    flex-grow: 9; }
  .money .num {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    font-size: 0.54688rem; }

.contant .message {
  width: 100%;
  background-color: #fff;
  padding-top: 0.46875rem;
  font-size: 0.375rem;
  height: 7.1875rem; }
  .contant .message ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0.3125rem; }
    .contant .message ul li span {
      display: block;
      font-size: 0.375rem; }
  .contant .message ul .type span:first-of-type {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8; }
  .contant .message ul .type span:last-of-type {
    -webkit-box-flex: 1.7;
    -ms-flex: 1.7;
    flex: 1.7;
    text-align: center; }
  .contant .message ul .time span:first-of-type {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8; }
  .contant .message ul .time span:last-of-type {
    -webkit-box-flex: 9.5;
    -ms-flex: 9.5;
    flex: 9.5;
    text-align: center; }
  .contant .message ul .waternum span:first-of-type {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8; }
  .contant .message ul .waternum span:last-of-type {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11;
    text-align: center; }
  .contant .message ul .num span:first-of-type {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8; }
  .contant .message ul .num span:last-of-type {
    -webkit-box-flex: 20;
    -ms-flex: 20;
    flex: 20;
    text-align: center; }
  .contant .message ul .cus span:first-of-type {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8; }
  .contant .message ul .cus span:last-of-type {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: center; }
  .contant .message ul .pay span:first-of-type {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8; }
  .contant .message ul .pay span:last-of-type {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    text-align: center; }
  .contant .message ul .own span:first-of-type {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8; }
  .contant .message ul .own span:last-of-type {
    -webkit-box-flex: 2.3;
    -ms-flex: 2.3;
    flex: 2.3;
    text-align: center; }

.footer {
  width: 100%;
  padding-top: 0.54688rem;
  padding-bottom: 0.54688rem; }
  .footer .contant {
    height: 100%; }
    .footer .contant p {
      font-size: 0.3125rem;
      color: #999;
      margin-left: 0.42188rem; }
    .footer .contant p:last-of-type {
      color: #153fc6; }

.test {
  display: none; }

.explain {
  width: 100%;
  background-color: #ffffff; }
  .explain .contant {
    padding-left: 0.42188rem;
    padding-top: 0.625rem; }
    .explain .contant p:first-of-type {
      font-size: 0.46875rem;
      color: #333;
      margin-bottom: 0.78125rem; }
    .explain .contant p:last-of-type {
      font-size: 0.375rem;
      color: #666666;
      margin-bottom: 0.8125rem; }
    .explain .contant span {
      display: block;
      width: 9.0625rem;
      text-align: justify;
      line-height: 0.54688rem;
      padding-left: 0.04688rem;
      font-size: 0.375rem;
      color: #666; }
    .explain .contant span:first-of-type {
      margin-bottom: 0.84375rem; }
    .explain .contant span:last-of-type {
      padding-bottom: 0.82813rem; }
